{extend name="public/wap_base" /}
{block name="css"}
<link href="/static/css/wap/index.css" rel="stylesheet">
{/block}
{block name="js"}
<script src="/static/js/wap_index.js"></script>
{/block}
{block name="main"}

<!-- 轮播图 -->
<div class="mui-slider">
    <div class="mui-slider-group">
        <div class="mui-slider-item"><a href="#"><img src="/static/images/wap/01.jpg" /></a></div>
        <div class="mui-slider-item"><a href="#"><img src="/static/images/wap/01.jpg" /></a></div>
        <div class="mui-slider-item"><a href="#"><img src="/static/images/wap/01.jpg" /></a></div>
        <div class="mui-slider-item"><a href="#"><img src="/static/images/wap/01.jpg" /></a></div>
    </div>
</div>

<!-- 板块一 -->
<div class="xshz">
    <!-- 线上看展  标题 + 简介-->
    <div class="common-title">
        <img src="/static/images/tit01.png" alt="线上看展">
        <p>全方位展示企业风采</p>
    </div>

    <div class="mui-slider">
        <div class="mui-slider-group">
            <!--第一个内容区容器-->
            <div class="mui-slider-item">
                <ul class="mui-table-view mui-grid-view mui-grid-9">
                    {volist name="industry" id="item" offset="1" length='8'}
                    <li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-3"><a href="#">
                        <img src="{$item.image}" alt="{$item.catname}"/>
                        <div class="mui-media-body">{$item.catname}</div></a>
                    </li>
                    {/volist}
                </ul>
            </div>
            <!--第二个内容区-->
            <div class="mui-slider-item">
                <ul class="mui-table-view mui-grid-view mui-grid-9">
                    {volist name="industry" id="item" offset="9" length='16'}
                    <li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-3"><a href="#">
                        <img src="{$item.image}" alt="{$item.catname}" style="max-width: 100%"/>
                        <div class="mui-media-body">{$item.catname}</div></a>
                    </li>
                    {/volist}
                </ul>
            </div>
        </div>
    </div>
</div>




<!-- 板块一 -->
<div class="yxqy">
    <!-- 线上看展  标题 + 简介-->
    <div class="common-title">
        <img src="/static/images/tit02.png" alt="线上看展">
        <p>精品荟萃 共展卓越</p>
    </div>
    <!-- 线上看展  内容-->
    <ul class="mui-table-view mui-grid-view mui-grid-9">
        {volist name="recommend" id="item"}
            <li class="mui-table-view-cell mui-media mui-col-xs-6 mui-col-sm-6">
                <a href="#">
                    <img src="{$item.avatar}" alt="{$item.nickname}" style="width: 100%;height: 120px"/>
                    <p>{$item.nickname}</p>
                </a>
            </li>
        {/volist}
    </ul>
</div>


<!-- 板块三 -->
<div class="ggw">
    <ul class="mui-table-view mui-grid-view mui-grid-9">
        <li class="mui-table-view-cell mui-media mui-col-xs-6 mui-col-sm-6">
            <a href="#">
                <img src="/static/images/banner02.jpg"  style="width: 100%;height: 100px"/>
            </a>
        </li>
        <li class="mui-table-view-cell mui-media mui-col-xs-6 mui-col-sm-6">
            <a href="#">
                <img src="/static/images/banner02.jpg"  style="width: 100%;height: 100px"/>
            </a>
        </li>
    </ul>


    <!-- 新闻资讯 -->
    <div class="common-title">
        <h2 style="color: #B41111">新闻资讯</h2>
        <p>全方位展示企业风采</p>
    </div>
    <ul class="mui-table-view">
        {volist name="new" id="item"}
        <li class="mui-table-view-cell mui-media">
            <a href="/ndetail/{$item.id}" class="">
                <img class="mui-media-object mui-pull-right" src="{$item.thumb}">
                <div class="mui-media-body">
                    {$item.title}
                    <p class="mui-ellipsis">{$item.create_time}</p>
                </div>
            </a>
        </li>
        {/volist}
    </ul>

</div>

<!-- 板块三 -->

{/block}